<template>
  <div id="app">
    <div id="nav">
      <!-- <router-link to="/">Home</router-link> | -->
      <!-- <router-link to="/about">About</router-link> -->
    </div>
    <router-view/>
    <van-tabbar v-model="activedb" active-color="#ee0a24" inactive-color="#000">
        <van-tabbar-item icon="van-icon van-icon-home-o" @click="$router.push('/hoem')">首页</van-tabbar-item>
        <van-tabbar-item icon="van-icon van-icon-label-o" @click="$router.push('/hoem/zt')">专题</van-tabbar-item>
        <van-tabbar-item icon="van-icon van-icon-apps-o" @click="$router.push('/hoem/fl')">分类</van-tabbar-item>
        <van-tabbar-item icon="van-icon van-icon-cart-o" @click="$router.push('/hoem/gwc')">购物车</van-tabbar-item>
        <van-tabbar-item icon="van-icon van-icon-user-o" @click="$router.push('/hoem/user')">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>
export default {
  data(){
    return{
      activedb:''
    }
  }
}
</script>
<style lang="less">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100%;
  background-color: #efefef;
  font-size: 0.14rem;
}
html,body{
  height: 100%;
}
html{
  font-size: 100px!important;
}
p{
  font-size: 0.16rem ;
}

</style>
